<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">

    <title>MultiVariant linear visualization</title>

    <link rel="stylesheet" href="/javascripts/arcgis_js_api/library/3.16/3.16/esri/css/esri.css">
    <script src="/javascripts/arcgis_js_api/library/3.16/3.16/init.js"></script>

    <style>
        html, body, #map{
            height: 100%;
            width: 100%;
            padding: 0;
            margin: 0;
        }
        #map {
            position: relative;
        }
        #hbt {
            position: absolute;
            top: 95px;
            left: 20px;
            z-index: 50;
        }
        #info{
            top: 0;
            right: 0;
            position: absolute;
            z-index: 99;
            opacity: 0.9;
            background-color: whitesmoke;
            border-bottom-left-radius: 8px;
            padding: 0 0 0 10px;
            width:150px;
        }
    </style>

    <script src="new_query.js">

    </script>
</head>
<body class="tundra">
<div id="map"></div>
<div id="info"><div id="legendDiv"></div></div>
<div id="hbt"></div>
</body>
</html>